<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>雨果云餐厅</title>
    <link rel="stylesheet" href="../css/normalize.css">
    <link rel="stylesheet" href="../fonts/iconfont.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/menu.css">
</head>

<body>
    <!-- 页头 -->
    <div id="header">
        <!-- 导航 -->
        <div class="nav">
            <div>
                全部菜单
            </div>
            <div>
                <span class="iconfont icon-sangedian-copy"></span>
                <span class="iconfont icon-yuanquan"></span>
            </div>
        </div>
    </div>
    <!-- 主体 -->
    <div id="main">
        <!-- 分类区 -->
        <ul class="sort">
            <!-- js渲染 -->
        </ul>
        <!-- 菜品区 -->
        <ol class="dish">
            <!-- js -->
        </ol>
    </div>
    <!-- 页脚 -->
    <div id="footer">
        <div>
            <span class="iconfont icon-shouye"></span>
            <a href="index.html">首页</a>
        </div>
        <div>
            <span class="iconfont icon-caidan"></span>
            <a href="menu.html">菜单</a>
        </div>
        <div>
            <span class="iconfont icon-gouwuche"></span>
            <a href="cart.html">购物车</a>
        </div>
        <div>
            <span class="iconfont icon-wode"></span>
            <a href="oner.html">我的</a>
        </div>
    </div>
    <script src="../js/rem.js"></script>
    <script src="../js/totalTool.js"></script>
    <script src="../js/menu.js"></script>
</body>

</html>